@charset "utf-8";
@import "order";
@mixin right_btn{
        width: 27.3%;
        height: 59px;
        font-size: 14px;
        text-align: center;
        line-height: 59px;
        background: #FFFFFF;
} 
@mixin p{
    p{
        line-height: 40px;
        display:inline-block;
        vertical-align: top;
        padding-right:21px ;
        font-size: 13px;
        span{
            color: #eb413d;
        }
    }
}
.con_right{
    .right_header{
        width: 100%;
        height: 60px;
        background-color: #f7f7f7;
        border-bottom: solid 1px #E7E7E7;
    }
    a{
        .right_btn{
            @include right_btn;
            border-bottom:4px solid #eb413d;
        }
        .right_btn_a{
            @include right_btn;
            color: #878787;
            border-left:1px solid #E7E7E7; 
            border-right:1px solid #E7E7E7; 
        }
    }
    .right_form{
        width: 76%;
//      background: yellow;
        margin: 33px auto 41px;
        .reason{
            height: 42px;
            line-height: 42px;
            @include p;
            
            .down_list{
                width: 47.7%;
                height: 42px;
                border: solid 1px #e7e7e7;
                display: inline-block;
                .list_text{
                    width: 80.9%;
                    height: 42px;
                    line-height: 40px;
                    span{
                        padding-left:10px;
                        font-size: 13px;
                        color:#878787;
                    }
                }
                .list_btn{
                    width:19.1%;
                    line-height: 40px;
                    text-align: center;
                    cursor: pointer;
                    border-left:1px solid #E7E7E7 ;
                }
            }
        }
        .money{
            @include p;
            margin-top: 24px;
            .down_list{
                width: 47.7%;
                height: 42px;
                border: solid 1px #e7e7e7;
                display: inline-block;
                input{
                        padding-left:10px; ;
                        color:#878787;
                        font-size: 13px;
                        border: none;
                        line-height: 40px;
                }
                .Tips{
                    display: block;
                    font-size:12px ;
                    color: #eb413d;
                    line-height: 30px;
                }
             
                
            }
        }
        .explain{
            width: 100%;
            vertical-align: top;
            padding-right:21px ;
            font-size: 13px;
//          position: relative;
            p{
                padding-right: 31px;
            }
            .explain_right{
                width:75.2%;
                .text{
                    width:100%;
                    height: 110px;
                    overflow: hidden;
                    border-radius: 3px;
                    border: solid 1px #e7e7e7;
                }
                textarea{
                    width: 100%;
                    border: none;
                    height: 80px;
                    resize: none;   
                    text-indent: 1em;             
                }
                .text_tips{
                    color: #878787;
                    padding-right: 10px;
                }
                .refund_Tips{
                    font-size: 10px;
                    color: #eb413d;
                    padding: 10px 0;
            }
            }

        }
        .voucher{
            margin-top: 10px;
            p{
                display: inline-block;
                padding-right: 21px;
            }
            .img_btn{
                display: inline-block;
                width: 29.5%;
                height: 40px;
                border-radius: 20px;
                border: solid 1px #878787;
                text-align: center;
                line-height: 40px;
                color: #878787;
                cursor: pointer;
            }
            .img_tips{
                width:75.2%;
                font-size: 12px;
                color: #878787;
                padding-top: 14px;
            }
        }
        .confirm_btn{
            width: 41.3%;
            height: 48px;
            background-color: #eb413d;
            border-radius: 24px;
            color: #ffffff;
            text-align: center;
            line-height: 48px;
            margin: 32px auto 0;
        }
        
    }
}
